/* 织梦58（dede58.com）做最好的织梦整站模板下载网站 */
* { margin: 0; padding: 0; }
body { color: #666; font-size: 14px; font-family: "Microsoft Yahei"; width: 100%; overflow-x: hidden; }
dl, ul, li { list-style: none; }
a { color: #333; text-decoration: none; }
a:hover { color: #2c7fe7 }
.clearfix:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden }
.clearfix { display: block; }
.clear { clear: both }
.container { width: 1200px; margin: 0 auto; }
.float-left { float: left !important }
.float-right { float: right !important }
.text-center { text-align: center; padding: 10px 0px; }
.more-btn { display: inline-block; border: solid 1px #2c7fe7; color: #2c7fe7; margin-top: 10px; padding: 13px 23px; }
.more-btn:hover { border: solid 1px #666; background: none; color: #666; }

/**/
.bg-main, .border-main .button.active, .pointer.border-main .active, .nav-pills.border-main .active a, .nav-main.border-main .nav-head, .pagination.border-main .active { background-color: #2c7fe7 }
.border-main, .border-main .button, .border-main .tab-nav li a, .border-main .tab-body, .button.bg-main, .selected.border-main, .pointer.border-main li, .nav.border-main .active a, .nav.nav-tabs.border-main, .nav-main.border-main a, .nav-main.border-main .nav-head, .pagination.border-main li, .pager.border-main a { border-color: #2c7fe7 }
.text-main, a.text-main:link, a.text-main:visited, .button.border-main, blockquote.border-main strong, .pager.border-main a, .pager-prev.border-main, .pager-next.border-main, .nav a:hover, .nav-menu.nav-pills .active ul a:hover, .bg-inverse .nav-menu ul a:hover, .bg-inverse .nav.nav-menu.nav-tabs ul a:hover, .bg-inverse .nav.nav-menu.nav-tabs .active ul a:hover, .bg-inverse .nav.nav-menu.nav-pills ul a:hover, .bg-inverse .nav.nav-menu.nav-pills .active ul a:hover { color: #bb262a; }
.pagination.border-main li { margin: 0px 5px; }
.button.bg-sub { border: solid 1px #2c7fe7; }
.bg-nav { background: #0c7cd4; border-top: solid 1px #eee }
.bg-gray { background-color: #f5f5f5; border-top: solid 1px #eee; overflow: hidden; padding: 20px 0; }
.bg-black2 { background-color: #2c7fe7; }
.bg-sub { background-color: #0a0a0a; color: #fff }
.bg-sub a { color: #fff }
.bg-footnav { background: #2d2d2d; text-align: center; padding: 20px 0; color: #b3b3b3; }
.bg-footnav p { line-height: 30px; }
.bg-footnav a { color: #b3b3b3; }
.nav .active a { font-weight: normal; }
.bg-inverse .nav.nav-pills .active a, .bg-inverse .nav.nav-pills.nav-inline a:hover { background-color: #2c7fe7; color: #fff; }
.nav-menu li { margin-right: 0px; margin-left: 0px; float: left; font-size: 16px; }
.nav-menu li:hover, .nav-menu li.active { background: #0467b5; }
.nav-menu li a {display: inline-block;padding: 10px 26px;height: 50px;line-height: 50px;color: #fff;}
.bg-inverse .nav-inline li a { padding: 8px 25px; }
.nav-menu li .drop-menu li { margin-right: 0px; margin-left: 0px; }
.text-main, a.text-main:link, a.text-main:visited, .button.border-main, blockquote.border-main strong, .pager.border-main a, .pager-prev.border-main, .pager-next.border-main, .nav a:hover, .nav-menu.nav-pills .active ul a:hover, .bg-inverse .nav-menu ul a:hover, .bg-inverse .nav.nav-menu.nav-tabs ul a:hover, .bg-inverse .nav.nav-menu.nav-tabs .active ul a:hover, .bg-inverse .nav.nav-menu.nav-pills ul a:hover, .bg-inverse .nav.nav-menu.nav-pills .active ul a:hover { color: #333; }
.nav-navicon .input-group .input { width: auto; float: right }
.nav-menu li.active, .nav-menu li:hover { }
.nav-pills .active a, .nav-pills a:hover { background-color: #2c7fe7; color: #fff }
.nav-inline.nav-menu ul a:hover { background-color: #2c7fe7; }
.nav-menu li:hover .drop-menu a { color: #222 }
.nav-menu .drop-menu { background-color: #2c7fe7; border-radius: 0px; display: none; }
.nav-menu ul a, .nav-menu.nav-tabs ul a, .nav-menu.nav-pills .active ul a, .nav-menu.nav-big.nav-inline ul a, .bg-inverse .nav-menu.nav-inline ul a, .bg-inverse .nav-menu.nav-inline .active ul a, .bg-inverse .nav-menu.nav-inline.nav-big ul a, .bg-inverse .nav-menu.nav-inline.nav-big .active ul a, .navbar-body .nav ul a { background: #2c7fe7; color: #fff; }
.button.bg-main { background-color: #552618; border-color: #552618 }
.button.border-main { border-color: #e80303; color: #e80303 }
.pointer.border-main li { border-color: #552618 }
.pointer.border-main li.active { background-color: #552618 }
.border-main { border-color: #e80303 }
.w100 { width: 150px; }
.icon-navicon { position: absolute; right: 10px; top: 30px; }
.nav-navicon .input-group .input { width: auto; float: right }
.nav a { color: #666; text-align: left; font-size: 16px; }
.nav-menu li:hover drop-menu a { background-color: #ddd; color: #222 }
.wrap-top { padding: 3px 0px; background-color: #f7f7f7; color: #666 }
.wrap-top a { color: #666 }
.wrap-header { box-shadow: 0 3px 6px rgba(0, 0, 0, .175); line-height: 30px; }

/**/
.logo { float: left; width: 700px; }
.logo img { }
.toptel { float: right; }

/**/
.banner { position: relative; width: 100%; overflow: hidden }
.carousel { position: relative; list-style: none; padding: 0 }
.carousel .item { display: nones; float: left; position: relative }
.carousel .active { display: block }
.carousel img { display: block; max-width: 100%; height: auto }
.banner .pointer { position: absolute; bottom: 0; padding: 15px }
.banner .pager-prev, .banner .pager-next { position: absolute; display: none; top: 50%; margin-top: -25px; font-size: 26px; line-height: 48px; width: 50px; height: 50px; text-align: center; background: #616161; border-radius: 52px; color: #c3c3c3; }
.banner .pager-prev { left: 20px }
.banner .pager-next { right: 20px }
.banner:hover .pager-prev, .banner:hover .pager-next { display: block; }
.icon-navicon { display: none }
.pointer { padding: 0 }
.pointer li { border: solid 1px #ddd; width: 10px; height: 10px; margin: 1px; display: inline-block; border-radius: 10px; cursor: pointer }
.pointer .active { border: 0; background: #ddd; width: 12px; height: 12px; margin: 0 }
.icon-angle-left:before { content: "\f104" }
.icon-angle-right:before { content: "\f105" }

/**/
.ser-group { border-collapse: separate; display: table; position: relative; width: 300px; float: left; }
.ser-group .addon, .ser-group .addbtn, .ser-group .input { display: table-cell }
.ser-group .addon, .ser-group .addbtn { width: 1%; white-space: nowrap; vertical-align: middle }
.ser-group .addbtn .button { font-weight: normal; background: #2c7fe7; border: 1px solid #2c7fe7; height: 36px; padding: 0 15px; color: #fff; }
.ser-group .input { width: 100%; font-size: 14px; border: solid 1px #2c7fe7; height: 34px; line-height: 20px; display: block; border-radius: 0px; -webkit-appearance: none; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s }
.ser-group .addon { background-color: #f5f5f5; border: 1px solid #ddd; border-radius: 4px; line-height: 1; padding: 6px 12px; text-align: center }
.ser-group .addon:first-child, .ser-group .addbtn:first-child .button { border-right: 0 none }
.ser-group .addon:first-child, .ser-group .addbtn:first-child .button, .ser-group .input:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0 }
.ser-group .addon:last-child, .ser-group .addbtn:last-child .button { border-left: 0 none }
.ser-group .addon:last-child, .ser-group .addbtn:last-child .button, .ser-group .input:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0 }
.ser-group .addon:not(:first-child):not(:last-child), .ser-group .addbtn:not(:first-child):not(:last-child) .button, .ser-group .input:not(:first-child):not(:last-child) { border-radius: 0 }

/**/
.button.bg-main { background-color: #2c7fe7; border-color: #2c7fe7 }
.button.border-main { border-color: #2c7fe7; color: #2c7fe7 }
.pointer.border-main li { border-color: #2c7fe7 }
.pointer.border-main li.active { background-color: #2c7fe7 }
.border-main { border-color: #2c7fe7 }
.border-sub, .button.border-sub { border-color: #2c7fe7; color: #2c7fe7 }
.about-box .border-sub { border-color: #fff; color: #fff }
.button.border-sub:hover { border-color: #2c7fe7; background-color: #2c7fe7; color: #fff; }
h2.s1 { font-size: 24px; color: #333; }
p.s1 { font-size: 16px; color: #555; text-transform: uppercase }
.flico { font-size: 66px; display: block; color: #2c7fe7; text-align: center }
.remen { padding-left: 10px; line-height: 36px; float: left; margin-left: 12px; }
.ss { border: solid 1px #2c7fe7 }
.ss-btn { border-radius: 0px }
.tel {padding-left: 25px;font-size: 16px;text-align: left;background: url(../images/tel.png) left 8px no-repeat;margin-top: 23px;}
.tel span { padding-right: 5px; }
.tel strong { color: #2c7fe7; font-size: 22px; padding-left: 5px; }
.fengge { font-size: 14px; color: #555; float: right }

/**/
.about-bg { background: #f5f5f5; padding: 50px 0; margin: 50px auto; }
.aboutitem { float: left; width: 570px; padding: 10px; }
.about-box { padding: 30px 30px 0px 30px; color: #666; float: right; width: 1139px; text-align: center; }
.about-box .s1 { text-align: center; margin-bottom: 10px; }
.about-box p.s1 { font-size: 18px; color: #2c7fe7; }
.about-box p.con { line-height: 200%; text-indent: 2em; }
.about-box a { color: #2c7fe7; }
.service { background-color: #f5f5f5; }
.service .serico { font-size: 40px; color: #fff; padding-right: 10px; }
.service h2 { font-size: 18px; color: #cc0000; padding-top: 20px; }
.service p { font-size: 14px; color: #333; }

/**/
.bb { border-bottom: solid 1px #2c7fe7; font-size: 24px; color: #cc0000; }
.bb2 { border-bottom: solid 0px #ddd; color: #fff; }
.prolist h3 { padding: 8px 0px; text-align: center; }

/**/
.typelist { padding: 15px 30px; font-size: 20px; overflow: hidden; }
.typelist a { border: solid 1px #2c7fe7; color: #2c7fe7; padding: 10px 20px; display: inline-block; background: #fff; }
.typelist a span { color: #2c7fe7; padding-right: 5px; width: 28px; height: 27px; display: inline-block; float: left; }
.typelist a span.icon-cubes { background: url(../images/icon-cubes.png) left center no-repeat; }
.typelist a span.icon-cogs { background: url(../images/icon-cogs.png) left center no-repeat; }
.typelist a span.icon-check-circle { background: url(../images/icon-check-circle.png) left center no-repeat; }
.typelist a span.icon-coffee { background: url(../images/icon-coffee.png) left center no-repeat; }
.typelist div.icon { text-align: center; margin: 10px 0px; width: 50%; float: left; }

/**/
.pro {	/*background: url("../images/pbg.jpg") center center repeat;*/margin-top: 50px; }
.iprolist { overflow: hidden; }
.iprolist .proitem { padding: 10px; overflow: hidden; margin-bottom: 0px; float: left; width: 280px; }
.iprolist .proitem img { width: 260px; height: 200px; transition: all 0.3s; padding: 10px; background: #4690ed; }
.iprolist .proitem img:hover { transform: scale(1.02); }
.iprolist .proitem .protext { text-align: center; padding: 5px 0; background: #4690ed; color: #fff; line-height: 200%; }
.pro h2.s1, .pro p.s1 { color: #333; text-align: center; }
.iprolist .text-center { text-align: center; display: block; }
.iprolist .more-btn2 { background: #eaeaea; color: #333; margin-top: 10px; padding: 13px 23px; border: 1px solid #e2e2e2; }

/**/
.more-btn2 { display: inline-block; background: #fff; color: #2c7fe7; margin-top: 10px; padding: 13px 23px; border-radius: 10px; }
.more-btn2:hover { background: #fff; color: #666; }

/**/
.index-proclass { margin-top: 10px; }
.index-proclass h1 { line-height: 40px; background-color: #2c7fe7; color: #fff; font-size: 16px; padding: 10px 10px; text-align: center }
.index-proclass ul { margin: 0px; padding: 0px; border: solid 1px #ddd; border-bottom: 0px; }
.index-proclass li { line-height: 48px; border-bottom: solid 1px #ddd; background-color: #fff; list-style: none; margin: 0px; text-align: center }
.index-proclass li:hover, .index-proclass li.on { background-color: #2c7fe7; }
.index-proclass li a { color: #333; }
.index-proclass li:hover a, .index-proclass li.on a { color: #fff; }
.case { background: #f5f5f5; padding: 50px 0; }
.case .s1 { text-align: center; }
.icaselist { margin-top: 10px; }
.icaselist h3 { padding: 0px 0px 10px 0px; text-align: center; font-size: 14px; }
.icasebox { padding: 10px; overflow: hidden; float: left; width: 180px; }
.icaseitem { box-shadow: 0 22px 40px rgba(0, 0, 0, .16); }
.icaseitem img { padding: 10px; width: 160px; height: 116px; transition: all 0.3s; }
.icaseitem img:hover { transform: scale(1.02); }
.icaseitem.bg { background-color: #267ae4; color: #fff }
.case .more-btn { margin-top: 20px; }

/**/
.business { background: #fff; }
.business .s1 { text-align: center; }
.busilist { margin-top: 20px; }
.busilist h3 { padding: 15px 0px 20px 0px; text-align: center; color: #666; }
.busibox { padding: 10px; overflow: hidden; float: left; width: 280px; }
.busiitem { border: solid 1px #eee; }
.busiitem img { padding: 10px; width: 260px; height: 200px; transition: all 0.3s; }
.busiitem img:hover { transform: scale(1.02); }

/*新闻一*/
.newsitem .news-date { text-align: center; display: inline-block; float: left; width: 5rem; height: 5rem; background: #f2f2f2; }
.newsitem li { border-bottom: dashed 1px #ddd; margin-bottom: 10px; }
.newsitem .news-date1 { text-align: center; color: #666666; font-size: 1.5625rem; margin-top: 0.6rem; }
.newsitem .news-date2 { text-align: center; color: #999999; font-size: 0.8rem; }
.newsitem .news-bodys { padding: 0 0.875rem; overflow: hidden; zoom: 1; }
.newsitem .news-bodys h3 { word-wrap: break-word; overflow: hidden; }
.newsitem .news-bodys p { word-wrap: break-word; overflow: hidden; line-height: 1.15rem; font-size: 0.75rem; color: #999; margin-top: 10px; }

/*新闻2*/
.news-span1 { width: 16.66666667%; }
.news-span2 { width: 83.33333333%; }
.news-item2 { position: relative; overflow: hidden; padding: 0px; margin: 4px 0; }
.news-item2 .news-time { padding: 6px 0; border-right: 1px solid #eee; text-align: center; color: #666666; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; transition: all .3s; }
.news-action { padding: 0px 12px 0px 40px; box-sizing: border-box; }
.news-item2 .news-time .news-time-date { font-size: 22px; }
.news-item2 .news-title { position: relative; font-size: 18px; color: #666666; line-height: 24px; padding-bottom: 0px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; transition: all .3s; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.news-item2 .news-desc { font-size: 12px; color: #999999; line-height: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; transition: all .3s; }
.news-item2 .news-tit { position: relative; z-index: 10; }
.news-item2:after { content: ""; background-color: #2c7fe7; position: absolute; top: 0; left: 0; width: 0; height: 100%; z-index: 0; display: block; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; transition: all .3s; }
.news-item2:hover:after { width: 100%; }
.news-item2:hover .news-title, .news-item2:hover .news-desc, .news-item2:hover .news-time { color: #fff; }

/**/
.newsbox { margin: 50px auto; }
.newsitem { float: left; width: 380px; padding: 10px; }
.news-head { line-height: 25px; padding: 20px; text-align: center; font-size: 20px; font-weight: 800px; color: #fff }
.news-head a { color: #fff; }
.news-head span { padding-right: 8px; }
.news-head.bg1 { background-color: #2c7fe7; }
.news-head.bg2 { background-color: #29d1a0; }
.news-head.bg3 { background-color: #d54b4b; }
.newsbox .newsitem ul { margin-top: 15px; }
.newsbox .newsitem li { background: url(../images/newli.png) left center no-repeat; padding-left: 15px; line-height: 40px; margin: 0 10px; }
.newsbox .newsitem li a { font-size: 14px; }
.newsbox .newsitem li span { float: right; }

/**/
.jobsitem { }
.jobsitem ul { padding: 0px; }
.jobsitem li { border: solid 1px #ddd; background-color: #f9f9f9; margin-bottom: 10px; }
.jobsitem li h3 { padding: 10px 15px; }
.jobsitem li .jobs-info { padding: 10px 10px; }
.jobs-info div { border-bottom: dashed 1px #ddd; padding: 5px; }
.jobsitem li .jobs-bodys { padding: 10px 15px; }
.nav.nav-sitemap a { color: #fff }
.nav-sitemap ul a { padding-left: 0px; color: #fff }
.foot-weixin { width: 140px; }
.qq { width: 20px; height: 20px; background: url("../images/qq.png"); display: inline-block; margin: -2px 2px 0px; }
.product-about li { line-height: 3rem; border-bottom: dashed 1px #aaa; }
.order-tip { color: #fff; padding-left: 25px; }
.order-tip .con { border: dashed 1px #aaa; line-height: 2.5rem }
.bread { margin: 8px 0px; font-size: 13px; color: #555 }
.bglx { background: url("../images/lxbg.jpg") top center no-repeat; }
.lxico { font-size: 80px; display: block; color: #2c7fe7; text-align: center }

/**/
.subbanner { }
.bread { }

/**/
.ncon { margin: 30px auto; }
.nleft { float: left; width: 246px; }
.nright { float: right; width: 920px; overflow: hidden; }
.nright h1 { border-bottom: 1px solid #ccc; line-height: 200%; }

/**/
.nlnav { }
.nlnav h2 { height: 50px; line-height: 50px; color: #fff; background: #0c7cd4; text-align: center; }
.nlnav li { height: 40px; line-height: 40px; padding-left: 26px; font-size: 16px; font-weight: bold; border-bottom: 1px dashed #ccc; margin-top: 5px; }
.nlnav li a { color: #666; }
.nlnav li.cur, .nlnav li:hover { border-color: #e40000; }
.nlnav li.cur a, .nlnav li:hover a { color: #e40000; }
.nllx { margin-top: 20px; padding-bottom: 16px; border-bottom: 4px solid #eaeaea; }
.nllx h2 { height: 50px; line-height: 50px; color: #fff; background: #0c7cd4; text-align: center; }
.nllx p { font-size: 15px; line-height: 25px; padding: 0 10px; margin-top: 8px; }
.tjzx { margin-top: 20px; }
.tjzx h2 { height: 50px; line-height: 50px; color: #fff; background: #0c7cd4; text-align: center; }
.tjzx li { background: url(../images/newli.png) left center no-repeat; padding-left: 15px; line-height: 30px; margin-top: 10px; border-bottom: 1px dotted #ccc; }
.tjzx li a { font-size: 14px; }
.tjzx li:hover { border-color: #0c7cd4; }
.tjzx li:hover a { color: #0c7cd4; }

/**/
.pagecon { }
.pagecon h1 { text-align: center; line-height: 200%; margin-bottom: 20px; border-bottom: 1px dotted #ccc; }
.pagecon img { max-width: 700px; }

/**/
.ncon .newsitem { float: none; width: 100%; }
.newslist { }
.newslist ul { }
.newslist ul li { }

/**/
.prolist { overflow: hidden; }
.prolist .proitem { padding: 10px; overflow: hidden; margin-bottom: 0px; float: left; width: 280px; }
.prolist .proitem img { width: 260px; height: 200px; transition: all 0.3s; padding: 10px; background: #4690ed; }
.prolist .proitem img:hover { transform: scale(1.02); }
.prolist .proitem .protext { text-align: center; padding: 5px 0; background: #4690ed; color: #fff; line-height: 200%; }

/**/
.caselist { margin-top: 10px; }
.casebox { padding: 10px; overflow: hidden; float: left; width: 286px; }
.caseitem { box-shadow: 0 22px 40px rgba(0, 0, 0, .16); }
.caseitem img { padding: 10px; width: 266px; transition: all 0.3s; }
.caseitem img:hover { transform: scale(1.02); }
.caseitem.bg { background-color: #267ae4; color: #fff }
.caselist h3 { padding: 8px 0px 20px 0px; text-align: center; }

/**/
.pagelist { padding: 30px 0; text-align: center; }
.pagelist ul { }
.pagelist ul li a { display: inline-block; border: 1px solid #ccc; padding: 6px 10px; border-radius: 6px; margin: 0 5px; }
.pagelist ul li a.active, .pagelist ul li a:hover { border-color: #0c7cd4; background: #0c7cd4; color: #fff; }

/**/
.infocon { }
h1.infotit { line-height: 200%; text-align: center; margin-bottom: 10px; border: none; }
.news-line { line-height: 32px; text-align: center; border: dashed 1px #aaa; margin-bottom: 40px; }
.news-body { margin: 20px auto; }
.news-body img { max-width: 700px; }
.infopn { margin: 20px 0; background: #f1f1f1; padding: 10px; }
.infopn li { height: 36px; line-height: 36px; }
.infopn li:hover, .infopn li:hover a { color: #0c7cd4; }

/**/
.infopic { text-align: center; margin: 20px auto; }
.infopic img { max-width: 700px; }
.tab .tab-head strong { float: left; padding: 8px 20px 0 0; line-height: 20px }
.tab .tab-more { float: right; margin: 10px 0 0 10px; font-size: 12px }
.tab .tab-nav { list-style: none }
.tab .tab-nav li { display: inline-block }
.tab .tab-nav li a { color: #333; padding: 8px 20px; display: block; border: solid 1px #0c7cd4; line-height: 20px; border-bottom: 0; border-radius: 4px 4px 0 0 }
.tab .tab-nav .active { background-color: #fff }
.tab .tab-nav .active a { cursor: default }
.tab .tab-body { border-top: solid 1px #0c7cd4; margin-top: -1px; padding-top: 15px }
.tab .tab-body-bordered { border: solid 1px #ddd; border-radius: 4px; padding: 15px }
.tab .tab-body .tab-panel { display: none }
.tab .tab-body .active { display: block }
.tab.tab-small strong { padding-top: 3px }
.tab.tab-small .tab-more { margin: 5px 0 0 10px }
.tab.tab-small li a { padding: 3px 10px }

/**/
.bookadd { margin: 20px 0; }
.bookadd div { margin-bottom: 15px; }
.bookadd .label { float: left; width: 100px; text-align: right; padding-right: 10px; clear: both; }
.bookadd .label span { color: #f30; font-family: 宋体; }
.bookadd .enter { margin-left: 120px; }
.bookadd .enter .ip { border: 1px solid #ddd; padding: 10px 10px; vertical-align: middle; overflow: hidden; }
.bookadd .enter .bnt { border: 1px solid #1F92D1; background: #1F92D1; padding: 8px 20px; vertical-align: middle; color: #fff; cursor: pointer; }
.bookadd .enter label { display: block; }